/* CSS Document */
body{
	font-family: Tahoma;
	padding:0;
	margin:0;
	background-color:#000;
}
#Main{
	width:100%;
	height:auto;
	float:left;
	background: url(../images/system/bg-body.jpg) #333;	
	background-position: center top;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-color: black;
}
#Container #top{
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 50px;
	height: 50px;
	background-image: url(../images/system/top.png);
	background-repeat: no-repeat;
	cursor:pointer;
}

#Container #cart-icon{
	position: fixed;
	bottom: 20px;
	right: 75px;
	background-image: url(../images/system/cart-btn.png);
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	cursor:pointer;
}

#Container #datrieng{
	position: fixed;
	bottom: 80px;
	right: 75px;
	width: 50px;
	height: 50px;
	cursor:pointer;
}

#Container #datrieng img{
	width: 60px;
	height: 60px;
}

.yeucauthaydoi {
	width: 600px
}

#Container{
	/*background-color:rgba(220,228,231,0.5);*/
	width:1000px;
	height:100%;
	margin:auto;
	/*border:1px solid blue;*/
	/*box-shadow:0px 0px 10px 10px #cc6600;	 /**/
}
#Header{
	width:100%;
}
/*-----------------------------Begin Trần Minh Trí-------------------------------*/
#Banner{
	width:1000px;
/*	height:238px; /**/
	height:147px;
	/*background-image: url(../images/bannerphoshop2.jpg);*/
/*	background-image: url(../images/banner_yellow.jpg); /**/
	background: url(../images/system/header_bg.jpg) left top #990E11;
	background-repeat:repeat-x !important;
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 1.5em;
}

#Banner a{
	float: left;
	text-decoration: none !important;
	color:#FFF;
	display: block;
	text-align:left;
}
#Banner p{
	margin: 0;
	padding: 0;
}

#Banner .col-1{
	width: 415px;
	height: 122px;
	overflow: hidden;
	float: left;
	padding: 25px 0 0 50px;
	background: url(../images/system/logo_bg.gif) right 25px no-repeat;
}
#Banner .col-2 {
	width: 456px;
	float: left;
	padding: 30px 20px 15px 39px;
}

#Banner .welcome-msg {
	font-weight: bold;
	color: #FFF1A1;
	font-size: 1.09em;
	padding-bottom: 12px;
}

#Banner ul {
	list-style: none;
	text-align: left;
	float:left;
	margin-left:-40px !important;
}

#Banner .links {
	color: #FFF;
	margin-bottom: 17px;
}

#Banner .links li {
	display: inline;
	padding-right: 20px;
	margin-right: 16px;
	background: url(../images/system/top_links_divider.gif) right 3px no-repeat;
	float:left;
}



#Banner .first a{
	text-decoration:underline !important;
	float:left;
}
#Banner .first a:hover{
	color:#06C;
}
#Banner .links li.last {
	background: 0;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
#Banner  form {
	display: inline;
}

#Banner .form-search {
	background: url(../images/system/search_input_bg.gif) left top no-repeat;
	display: block;
	float:left;
}

#Banner .form-search input {
	float: left;
	color: #2C2C2C;
	font-size: 12px;
	width: 145px;
	height: 14px;
	margin: 1px 9px 0 7px;
	padding: 3px;
	border: 0;
	background: 0;
	border: none;
	outline:none;
}
button.button {
	overflow: visible;
	width: auto;
	border: 0;
	padding: 0;
	margin: 0;
	background: transparent;
	cursor: pointer;
}
#Banner button.button {
	-webkit-border-fit: lines;
}

#Banner button {
	font: 11px Arial, Helvetica, sans-serif;
	vertical-align: middle;
}
#Banner .form-search button span {
	height: 20px!important;
	background: transparent url(../images/system/top_search_button.gif) 0 0 !important;
	background-repeat:no-repeat;
	padding-left: 13px;
}

#Banner  button.button span {
	float: left;
	padding: 0 0 0 11px!important;
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	text-align: center;
	white-space: nowrap;
	color: white;
}
#Banner .form-search button span span {
	background-position: 100% 0!important;
	padding-left: 0;
	padding-right: 13px;
	padding: 0 11px 0 0!important;
	line-height:18px;
}

/*--------------------------End of Trần Minh Trí -----------------------------------------*/

#Content{
	width:100%;
	float:left;
	/*background-color:rgba(225,225,225,0.9);/**/
	background-color:rgba(168,187,38,0.8);
	border:1px solid #0099CC;
	border-radius:10px 10px 10px;
	/*background-color: rgba(242,157,38,0.6);/**/
}

#RightContent{
	width:220px;
	height:100%;
	float:right;
	margin-right:0;
	background-color:red;
}

.wrapper_bottom {
	
}

#Footer{
	width:100%;
	height:70px;
	float:left;
	margin-top:20px;
	margin-bottom:0;
	background-image: url(../images/footerphoshop.jpg);
	background-repeat:no-repeat;
	text-align:center;
	padding-top:30px;
	color:#FFF;
	font-size:13px;
}
#Footer a{
	text-decoration:underline;
	color:#999999;
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	text-decoration:none;
}
#Footer a:hover{
	color: #F94E04;
}



#detail{
	width: 100%;
}

#detail #leftdetail{
	width: 65%;
	float: left;
}
#leftdetail img{
	width: 100%;
	float: left;
}

#detail #rightdetail{
	width: 35%;
	float: left;
}

#rightdetail table{
	width: 100%;
	float:left;
	margin-left: 10px;
}

.tool_img{
	width: 30px;
	height: 30px;
}

/*---------------------------------Button-------------------------------------*/
.chitiet-btn{
	margin:auto 10px;
	width:60px;
	height:17px;
	background: url(../images/system/button_details.gif) 100% no-repeat;
	float:left;
}
.dathoa-btn{
	width:60px;
	height:17px;
	background: url(../images/system/button_add_to_cart.gif) 100% no-repeat;
	float:left;
}


/*----------------------------------Hoa----------------------------------*/
.tengiohoa{
	text-align:center;
	
	margin:3px auto;
}

.tengiohoa a{
	text-decoration:none;
	color:#F00;
}
.tengiohoa span{
	text-transform: capitalize;
}
.ct-dh-btn{
	background-color:#F2EFED;
	width:155px;
	height:30px;
	float:left;
	padding-top:10px;	
}

/*---------------------------------Left menu------------------------------------*/
.head_url{
	text-align:center;
}

.onemenu li{
	text-transform: capitalize;
}


#TabbedPanels1	.TabbedPanels{
	bottom: 30px;
}